font-weight:字体粗度值；
1、 数字 100-900 没有单位 ，一般设置成整百，数字越大，字体越粗
2、 bold: 表示粗体，相当于数字700；
3、 bolder:表示特粗体，比继承字体粗
4、 lighter 表示特细体，比继承字体细；
5、 normal 表示正常字体粗细，相当于数定400；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
</style>
</head>
<body>
<h4 style="font-weight:normal">我要好好学习normal</h4>
<div>我要好好学习</div>
<div style="font-weight:100">我要好好学习1</div>
<div style="font-weight:400" >我要好好学习400</div>
<div style="font-weight:700">我要好好学习700</div>
<div style="font-weight:900">我要好好学习900</div>
<div style="font-weight:bold">我要好好学习bold</div>
<div style="font-weight:bolder">我要好好学习bolder</div>
<div style="font-weight:light">我要好好学习light</div>
</body>
</html>
返回：